@import url("select.css");
@import url("file.css");
@import url("jquery.jcrop.css");
@import url("appsge/jquery-ui.css");
@import url("jquery.wysiwyg.css");
@import url("jquery.checkbox.css");

* {
	margin:0;
	padding:0;
	outline:0;
	border:0;
}

.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.clear { clear: both }
.left { float:left; }
.right { float:right; }
.center { margin:0 auto; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }
.full { width:100%; }
.half { width:50%; }
.third { width:33.2%; }
.fourth { width:25%; }
.inner { margin:0 auto; width:980px; }
.padding { padding:10px; }
.last-block { margin-right:0 !important; }
.pl-10 { padding-left:10px; }
.mt-20 { margin-top:20px; }
.ff-arial { font-family:Arial; }
.section-block { background:#f9f9f9; border:1px solid #D8D8D8; }

ul.no-bullets {
	list-style:none;
	padding: 10px 0 10px 15px;
}

a { text-decoration:none; }

h1, h2, h3 {
	font-weight:normal;
}

h2 { font-size:22px; margin-bottom:10px; }
h3 { font-size:15px; margin-bottom:5px; }

hr.line { background:#d8d8d8; height:1px; }

html, body { height: 100% }

body {
	color:#666;
	font-family:'Sylfaen', serif;
	font-size:14px;
}

/* Wrapper */
div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -68px;
}

div#push { height:68px; }

/* Header */
div#header {
	background:url('../images/header-bg.png') repeat-x;
	height:91px;
}

div#header a.header-link, div#header a.header-link:visited {
	color:#a4a4a4;
	text-shadow:0 1px 0 #fefefe;
	text-decoration:none;
	margin-top:30px;
}

div#header a.header-link:hover {
	color:#818181;
	border-bottom:1px dashed #818181;
}

/* Logo */
div#logo {
	float:left;	
	padding-top:15px;
	margin-right:20px;
}
div#logo a, div#logo img { display: table-cell;   vertical-align: middle; }

/* Header Position */
div#header-position {
	float:left;
	line-height:80px;
}

div#header-position ul li {
	display:inline;
	margin-right:5px;
}

div#header-position ul li a, div#header-position ul li a:visited {
	color:#a4a4a4;
	font-size:20px;
	text-shadow: 0 1px 0 #fbfbfb;
}

div#header-position ul li.app-current {
	background:url('../images/header-arrow.png') left center no-repeat;
	padding-left:15px;
}

/* Navigation */
div#navigation {
	background:url('../images/navigation-bg.png') repeat-x;
	height:45px;
	line-height:43px;
	padding-top:1px;	
}

div#navigation ul {
	border-left:1px solid #d8d8d8;
}

div#navigation ul li {
	float:left;
	list-style: none;
}

div#navigation ul li a, div#navigation ul li a:visited {
	background:#f4f4f4;
	border-right:1px solid #d8d8d8;
	color:#707070;
	display:block;
	padding:0 15px;
	text-decoration:none;
	text-shadow: 0 1px 0 #fff;	
}

div#navigation ul li a:hover, div#navigation ul li.active a {
	background:#fff;
}

/* Buttons */
.btn {
	background-image:url('../images/sprite.png');
	background-repeat:no-repeat;
	display:inline-block;
	text-decoration:none;
	cursor: pointer;
}

.white-btn { 
	background:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	border:1px solid #d8d8d8; 
	color:#666;
	height:32px;
	line-height:32px; 
	padding:0 10px;
}

.white-btn:hover { background:#f9f9f9; }

.red-btn { 
	background:url('../images/red-bg.png') repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; 
	border:1px solid #ab1028; 
	height:32px;
	line-height:32px;
	color:#fff;
	padding:0 10px;
}
.red-btn:hover { background:url('../images/red-bg.png') bottom left repeat-x; }

/* Messages Button */
.messages-btn {
	background-position:-1350px 0;
	height:31px;
	width:31px;
	margin-top:25px;
	margin-right:105px;
	position: relative;
	text-indent:-9999px;
}

/* Notification Icon / Button */
span.notification {
	background:#e3001c;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #c71919;
	color:#fff;
	font-family:Arial;
	font-size:12px;
	position: absolute;
	top:-6px;
	right: -6px;
	text-indent:0;
	height:18px;
	line-height:18px;
	padding:0 4px;
}

.logout-btn { margin-top:24px; margin-left:15px; }
.logout-btn span { background:url('../images/logout-icon.png') left center no-repeat; display:block; padding-left:22px; }

.add-btn {  }
.add-btn span { background:url('../images/add-icon.png') left center no-repeat; display:block; padding-left:22px; }

.add-secondary-wrapper { margin-top: 10px }
.add-secondary-btn { background: url('../images/add-secondary-icon.png') top left no-repeat; display: block; height:15px; width:15px; text-indent: -9999px; }


/* Data Tables */
div.data-table-wrapper {
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	overflow: hidden;
}

table.data-table {
	background:#f9f9f9;
	border-collapse: collapse; 
	width:100%;	
}

table.data-table tr.data-table-alter { background:#eee; }

table.data-table tr {
	height:35px;
	line-height:35px; 	
}

table.data-table tr:hover {
	background: #e9e9e9;	
}

table.data-table tr th { 
	background:#ddd;
	font-weight:normal;
	padding:0 5px;
}

table.data-table tr td {
	border-bottom:1px solid #d2d2d2;
	padding:0 5px;
}

table.data-table tr th a, table.data-table tr td a { color:#333; text-decoration:underline; }
table.data-table tr th a:hover, table.data-table tr td a:hover { text-decoration:none; }

.table-icon {
	background-image:url('../images/sprite.png');
	background-repeat:no-repeat;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
	font-size:0;
	line-height:0;	
}

.cv-icon { background-position:0 -193px; height:16px; width:15px; }
.picture-icon { background-position:-15px -193px; height:17px; width:18px; }
.attachment-icon { background-position:-33px -193px; height:17px; width:14px; }
.map-icon { background-position:-47px -193px; height:18px; width:18px; }
.edit-icon { background-position:-66px -193px; height:16px; width:15px; float:left; margin-right:5px; }
.delete-icon { background-position:-81px -193px; height:14px; width:14px; float:left; }
.approve-icon { background-position:-95px -193px; width:16px; height:13px; }
.approve-left { float:left;  margin-right: 3px }
.disapprove-icon { background-position:-112px -193px; width:14px; height:14px; }
.users-icon { background-position:-127px -193px; width: 16px; height:16px; margin-right:6px; }
.parameters { width:34px; margin: 0 auto; }
.parameters-long { width:58px; margin: 0 auto }
.edit-only, .delete-only { width: 14px; margin:0 auto; }

.user-image img { display:block; margin: 5px 0; }
.td-image img { display:block; margin: 5px 0; }

.delete-answer-block { margin-top:10px; }

/* jCrop */
div#jcrop-overlay, #media-overlay {
	background:url('../images/pix.png');
	position:absolute;
	z-index:1001;
	width:100%;
	overflow: hidden;
	left: -9999px;
}

div#jcrop-body, #media-body { position: relative; height:100%; width:100%; }

div#jcrop-wrapper, div#media-wrapper {
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	position: absolute;
	left:50%;
	top:100px;
}

.jcrop-label { padding-top:10px; display: block }
.jcrop-label a { background: url('../images/crop-label-icon.png') left center no-repeat; padding-left: 20px; font-size: 12px; color:#adadad; float:right; }
.jcrop-label a:hover { color:#807d74; }


div#media-wrapper {
	margin-left:-400px;
}

div#media-wrapper iframe {width:716px; height:650px; overflow: hidden; }
/*div#media-container { width:691px; }*/

div#uploaded-images {
	background:#f9f9f9;
	border:1px solid #D8D8D8;
	border-top:0;
}

div.uploaded-image-wrapper {
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #e9e8e8;
	float:left;
	width:95px;
	padding:6px;
	margin-right:6px;
	margin-bottom:8px;
}

div.uploaded-image-wrapper:hover { background:url('../images/uploaded-image-wrapper-bg.png') repeat-x; }

div.uploaded-image-sep { 
	background:#ccc;
	clear:both; 
	height:1px;
	margin-bottom:5px;
}

div.uploaded-image img { 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:3px solid #cacaca;
	display:block; 
}

div.uploaded-image-actions { width:62px; margin: 0 auto }

div.uploaded-image-title { color:#232323; font-size:12px; overflow: hidden; white-space:nowrap; padding:4px 0; }

a.edit-media-icon, a.delete-media-icon {
	background:url('../images/sprite.png') no-repeat;
	display:block;
	float:left;
	height:25px;
	width:31px;
	text-indent:-9999px;
}

a.edit-media-icon { background-position:-1276px -75px; }
a.edit-media-icon:hover { background-position:-1276px -100px; }

a.delete-media-icon { background-position:-1306px -75px; }
a.delete-media-icon:hover { background-position:-1306px -100px; }

/* Catalog */
div.item-block {
	float:left;
	position: relative;
	margin-right:6px;
	margin-bottom:8px;
}

div.item-image {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	overflow: hidden;
}

div.item-image a, div.item-image a img, div.item-image img { display:block; }

div.item-actions-overlay { 
	background:url('../images/overlay.png');
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	height:155px;
	width:155px;
	position: absolute;  
	top:0;
	left:0;
	overflow: hidden;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 	filter: alpha(opacity=0);
}

div.item-actions {
	float:right;
	margin:10px;
	width:62px;
}

div.item-actions a.item-edit-icon, div.item-actions a.item-delete-icon {
	background:url('../images/sprite.png') no-repeat;
	display:block;
	float:left;
	height:25px;
	width:31px;
	text-indent:-9999px;
}

div.item-actions a.item-edit-icon { background-position:-1276px -75px; }
div.item-actions a.item-edit-icon:hover { background-position:-1276px -100px; }
div.item-actions a.item-delete-icon { background-position:-1306px -75px; }
div.item-actions a.item-delete-icon:hover { background-position:-1306px -100px; }

div.item-name { 
	padding:5px; 	
	width:145px;
	overflow: hidden;	
}

div.item-name h3 {
	font-size:14px;
	line-height:14px;
	white-space: nowrap;
	color:#666; 
	margin:0;
}

div.item-category {
	background:url('../images/category-icon.png') 5px 5px no-repeat;
	padding:0px 5px 0 22px;	
	margin-bottom:5px;
	white-space: nowrap;
	width:128px;
	overflow: hidden;
}

div.item-category a { color:#444; }
div.item-category a:hover { text-decoration:underline; }

/* Forms */
div.forms p { margin-bottom:10px; }
div.forms label { display:block; height:30px; line-height:30px; }
div.forms label.inline { display:inline; margin-right:10px; }

.input-full, 	.textarea-full { width:938px; }
.input-half, 	.textarea-half { width:450px; }
.input-third, 	.textarea-third { width:290px; }
.input-fourth, 	.textarea-fourth { width:205px; }

.input, .textarea { 
	border:1px solid #d8d8d8;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	padding:0 10px;
	overflow: auto;
}

.input { height:30px; line-height:30px; }
.textarea { padding: 10px; overflow: auto }
.textarea-full { height: 200px }
.textarea-half { height: 100px }
.textarea-third, .textarea-fourth { height: 50px }

.date-input, .time-input { background: url('../images/date-icon.png') center right no-repeat; }
.ui-widget-header { background: url('../images/red-bg.png') repeat-x; }
.ui-tabs .ui-widget-header { background:none; border:none; border-bottom:1px solid #eee; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
div#dialog { display:none; }

.tabs-tab { padding-top:10px; }
.tabs-content > div { display:none; }

.video-input { background: url('../images/youtube-icon.png') center right no-repeat; }

/* Custom File */
.filewrapper {
	background: transparent url('../images/browse-file.png') no-repeat scroll right center;
	display: inline;
	height: 22px;
	position: absolute;
	overflow: hidden;
	width: 82px;
}
.fakefile {
	display: inline;
	width: 250px;
}
.custom-file {
	position: relative;
	height: 22px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	margin-left: -168px;
}

/* Success & Error Messages */
div.success {
	background: #cdffb7;
	border: 1px solid #96cf8c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #323232;
	margin-bottom: 10px;
	padding: 10px;
	text-shadow: 0 1px 0 #e4ffd7;
}
div.error {
	background: #ffb7b7;
	border: 1px solid #ff8888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #690000;
	margin-bottom: 10px;
	padding: 10px;
	text-shadow: 0 1px 0 #ffd7d7;
}
div.error p, div.success p {
	margin: 0
}

/* App Icons 40X40 */
.icon40 { 
	background-image:url('../images/sprite.png');
	background-repeat:no-repeat;
	display:block;
	height:40px;
	width:40px;
	text-indent:-9999px;
}

.welcome-icon40 { background-position:0 -153px; }
.info-icon40 { background-position:-40px -153px; }
.bio-icon40 { background-position:-80px -153px; }
.contact-icon40 { background-position:-120px -153px; }
.map-icon40 { background-position:-160px -153px; }
.news-icon40 { background-position:-200px -153px; }
.promotions-icon40 { background-position:-240px -153px; }
.menu-icon40 { background-position:-280px -153px; }
.portfolio-icon40 { background-position:-320px -153px; }
.resume-icon40 { background-position:-360px -153px; }
.video-contest-icon40 { background-position:-400px -153px; }
.photo-contest-icon40 { background-position:-440px -153px; }
.trivia-icon40 { background-position:-480px -153px; }
.status-icon40 { background-position:-520px -153px; }
.tag-icon40 { background-position:-560px -153px; }
.friends-icon40 { background-position:-600px -153px; }
.products-icon40 { background-position:-640px -153px; }
.video-gallery-icon40 { background-position:-680px -153px; }

/* Applications List Icons */
div.app-block {
	float:left;	
	margin-right:11px;
	margin-bottom:10px;
	height:78px;
	width:319px;
	position: relative;
	background-image:url('../images/sprite.png');
	background-position:0 -75px;
	background-repeat:no-repeat;
}

div.app-block a, div.app-block a:visited {
	background-image:url('../images/sprite.png');
	background-repeat:no-repeat;
	display:block;
	height:78px;
	width:319px;
	position: relative;
}

div.app-block a:hover { background-position:-319px -75px; }

div.app-enabled a { background-position:-638px -75px; }
div.app-enabled a:hover { background-position:-957px -75px; }

div.app-block span { position:absolute; }
div.app-block span.app-icon { top:19px; left:20px; }
div.app-block span.app-title { top:18px; left: 76px; font-size:15px; color:#545454; }
div.app-block span.app-status { top:38px; left: 76px; font-size:13px; color:#868686; }

div.app-enabled a span { color:#fff !important; }

/* Content */
div#content {
	padding:20px 0;
}

/* Applications List  */
div#applications-list { padding-top:20px; }


/* Pagination */
div#pagination {
	text-align:center;
	padding:20px 0 0;
}

div#pagination ul li {
	display:inline-block;
}

div#pagination ul li a, div#pagination ul li a:visited {
	border:1px solid #d8d8d8;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#4b4b4b;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 10px;
	text-decoration:none;
}

div#pagination ul li.current a, div#pagination ul li a:hover {
	background:url('../images/red-bg.png') repeat-x;
	border:1px solid #ab1028;
	color:#fff;
}

/* Footer */
div#footer {
	background:url('../images/footer-bg.png') repeat-x;
	height:68px;
	line-height:68px;
}

/* Footer Navigation */
ul.footer-navigation li {
	display:inline;
	margin: 0 5px;
}

ul.footer-navigation li a {
	color:#a4a4a4;
	text-shadow:0 1px 0 #fefefe;
	text-decoration:none;
}

ul.footer-navigation li.active a, ul.footer-navigation li a:hover {
	color:#818181;
	border-bottom:1px dashed #818181;
}

/* Apps Button */
a.apps-btn {
	background:url('../images/apps-btn.png') no-repeat;
	display:block;
	height:16px;
	width:112px;
	font-size:0;
	line-height:0;
	margin-top:30px;
}

a.apps-btn:hover { opacity: 0.7 }
